*{
    margin:0;
    padding:0;
}
ul{
    width:1200px;
    margin:60px auto 100px;
    font:16px "微软雅黑";
    color:#999;
}

li{

    list-style: none;
    width:45%;
    padding:30px 0 50px 0;
    border-bottom:1px dashed #ccc;
}
li .text h5{
    font:bold 26px "微软雅黑";
    color:#666;
    margin-bottom:20px;
}
li a{
    color:#666;
}
img{
    vertical-align: middle;
}
.clearfix{
    display:table;
    content:"";
    clear:both;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.all{
    background:#fff;
    margin:0 auto;

}
.header{
    position:relative;
    top:0;
    left:0;

}
.header .top{
    position:fixed;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    height:40px;
    font-size:12px;
    line-height:40px;
    color:#fff;
    background:#3983da;

}
.top a{
    color:#fff;

}
.top .content{
    width:1200px;
    margin:0 auto;
}
.top .content span{
    padding:10px;
}
.nav_box{
    width:100%;
    position:fixed;
    top:40px;
    left:0;
    z-index:1;
    background:#fff;
    box-shadow:0 2px 8px #ccc;
}
.nav{

    width:1200px;
    height:80px;
    line-height:80px;
    margin:0 auto;

}
.nav .left{
    width:440px;
    display:flex;
    justify-content:space-between;

}
.nav .right{
    width:460px;
    display:flex;
    justify-content:space-between;

}
.nav a{
    font-size:22px;
    color:#296cb7;
    text-decoration: none;
}
.nav a:hover{
    text-decoration: underline;
}
.logo{

    position:absolute;
    top:-45px;
    left:50%;
    margin-left:-104px;
    z-index:999;
}

.banner img{
    width:100%;
    margin-top:120px;
}
.subject{
    width:1200px;
    margin:100px auto;
    background:#fff;
}
.subject .title{
    width:120px;
    margin:0 auto;
    text-align:center;
}
.subject .title h2{
    font:700 26px/26px  "微软雅黑";
}
.subject .title div{
    width:42px;
    height:3px;
    background:#004dfd;
    margin:10px auto 0;
}
li span{
    float:left;
    margin-right:40px;
    width:65px;
    height:85px;

}
li .text{
    float:left;
    width:368px;
}
li:nth-of-type(7){
    border:none;
}
li:nth-of-type(8){
    border:none;
}

li:first-of-type span{
    background:url("../images/1.png") no-repeat 0 0;
}
li:nth-of-type(2) span{
    background:url("../images/1.png") no-repeat 0 -110px;
}
li:nth-of-type(3) span{
    background:url("../images/1.png") no-repeat 0 -226px;
}
li:nth-of-type(4) span{
    background:url("../images/1.png") no-repeat 0 -346px;
}
li:nth-of-type(5) span{
    background:url("../images/1.png") no-repeat 0 -478px;
}
li:nth-of-type(6) span{
    background:url("../images/1.png") no-repeat 0 -606px;
}
li:nth-of-type(7) span{
    background:url("../images/1.png") no-repeat 0 -706px;
}
li:nth-of-type(8) span{
    background:url("../images/1.png") no-repeat 0 -838px;
}
li h5 b{
    font-size:16px;
    color: #fff;
    background:#30ba7e;
    border-radius:20px;
    margin-left:10px;
    padding:3px 10px;
}
.footer {

    margin-top:100px;

}
.footer .consult{
   width:1200px;
    margin:0 auto 40px;
}
.footer .consult .fl p{
    font:700 20px "微软雅黑";
    color:#666;
   margin-bottom:30px;

}
.footer .consult .fl p span{
    margin-right:20px;
}
.footer .consult .fl .bth{
    width:200px;
    height:60px;
    line-height:60px;
    background:#3983da;
    text-align:center;
}
.footer .consult .fl .bth{
    color:#fff;
    font-size:20px;
    border-radius:5px;
}
.consult .fl a{
    text-decoration: none;
    color:#fff;
}
.consult .fl a:hover{
    text-decoration: none;
}
.bottom{
    height: 116px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px 0;
    background:#3983da;
}
.bottom p{
    height: 32px;
    line-height: 32px;
    color: white;
}
.bottom p img{
    margin: 0 4px;
}
 .bottom p  a{
    color: white;
     text-decoration: none;
}
.bottom p a:hover{
    text-decoration: underline;
}

.bottom span{
    margin: 0 20px;
}
